<template>
    <div class="content">
        <div class="title">
            <p>我的点赞</p>
        </div>
        <AboutList :list = "commentList"/>
    </div>
</template>

<script>
    import AboutList from '@/components/AboutList'
    export default {
        name:"MyGiveup-Component",
        components:{AboutList},
        computed:{
            commentList(){
                return this.$store.state.About.commentList.reverse()
            }
        },
        methods:{
            
        },
        mounted() {
            // 获取数据
             this.$store.dispatch('About/getUserCommentList','点赞')
        },
    }
</script>

<style lang="less" scoped>
    .content{
        width: 100%;
        overflow: auto;
        .title{
            font-size: 1.8vw;
            margin-top: 2.6vw;

            p{
                padding-left: 1.3vw;
                margin:0 auto;
                background: #fff;
                width: 90%;
                height:5.2vw;
                line-height: 5.2vw;
            }
        }
    }
</style>